<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Welcome</title>
    <style type="text/css">
        div.middle1{
            width:100%;
            height:auto;
            text-align: center;
            line-height: 250px;
            font-size:20px;

            position :absolute;
            top:250px;
            bottom:200px;
        }
        #left{
            float:left;
            width: 20%;
            height: 100%;
        }
        #right{
            float:right;
            width: 20%;
            height: 100%;
        }
        #middle{
            height: 100%;
            width :auto;
        }
        img{
            width: 780px;
            height: 320px;
        }
        button{
            width: 120px;
            height: 64px;
            font-size: 24px;
        }
    </style>
</head>

<body>
    <h2 style="font-size: 48px" align="center">自动售票系统</h2>
    <div class="middle1">

    <div id="middle">
    <img th:src="@{/beij.jpeg}" align="center"/><br>
    <tr>
        <td>
            <a  href="/orders" >
            <button>去购票</button>
            </a>
        </td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <td>
            <a  href="/refunds" >
                <button>去退票</button>
            </a>
        </td>
    </tr>
    </div>

    </div>
</body>
</html>